<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/8/12
  Time: 15:33
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="/static/css/Index.css">
    <link rel="stylesheet" href="/static/css/reset.css">

</head>

<body>
<header id="xc-header">
    <div class="xc-header-mid">
        <div class="xc-header-right">
            <a class="xc-header-a" href="/index/Index.jsp">
                <img class="xc-header-img" src="/static/imgs/1.png" alt="" width="203px" height="34px">
            </a>
        </div>
<%--        <div class="xc-header-input">--%>
<%--            <input class="xc-input" type="text" placeholder="搜索旅游地/酒店/旅游">--%>
<%--            <button class="xc-header-btn"><i class="iconfont icon-sousuo1" ></i></button>--%>
<%--        </div>--%>
    </div>
</header>
<div id="xc-banner">
    <div class="xc-banner-mid">
        <ul class="xc-ul-item">
            <li class="xc-item"><a class="xc-a" href="/index/Index.jsp">首页</a></li>
            <li class="xc-item" ><a class="xc-a"href="/travel/travel.jsp" >旅游</a></li>
            <li class="xc-item"><a class="xc-a" href="/Strategy/Strategy.jsp">攻略</a></li>
            <li class="xc-item"><a class="xc-a" href="/hotel/hotelIndex.jsp">酒店</a></li>
            <li class="xc-item"><a class="xc-a" href="/tickets/BuyingTickets.jsp">购票</a></li>
            <li class="xc-item"><a class="xc-a" href="/order/order.jsp">订单</a></li>
        </ul>

        <div class="xc-banner-right">
            <div class="xc-item"><a class="xc-a" href="/user/indexAddUser.jsp">注册</a></div>
            <div class="xc-item"><a class="xc-a" href="/user/userLogin.jsp">登录</a></div>
            <div class="xc-banner-right-a">
                <a  href="javascript:;"><img src="/static/imgs/a-2.jpg" class="xc-layui-nav-img"width="40px"height="40px" style="display:
<%
                        String str=null;
                    if (session.getAttribute("user")==null)
                        {
                           str="none";
                        }
                    else
                        {
                            str="block";
                        }

%>

                             <%=str%>
<%


%>
"></a>
            </div>
        </div>
    </div>

</div>


<div    id="xc-container">
    <!--轮播图-->
    <div    id="xc-list" style="left: -1520px;">
        <img class="xc-img" src="/static/imgs/background-2.jpg"alt="2">
        <img class="xc-img" src="/static/imgs/background-1.jpg" alt="1">
        <img class="xc-img" src="/static/imgs/background-2.jpg" alt="2">
        <img class="xc-img" src="/static/imgs/background-1.jpg" alt="1">
    </div>
    <div    id="xc-pointsDiv">
        <span   index="1" class="xc-on"></span>
        <span   index="2"></span>
    </div>
    <a href="javascript:;" id="xc-prev" class="xc-arrow">&lt;</a>
    <a href="javascript:;" id="xc-next" class="xc-arrow">&gt;</a>
</div>


<!--主体部分-->
<div    class="xc-container">
    <!--    旅游-->
    <div    class="xc-travel">
        <div    class="xc-travel-hd">
            <h2 class="xc-title">
                <span   class="xc-current"idx="999"dcity="2">热门 <i></i></span>
                <span   idx="3"dcity="2">周边游 <i></i></span>
                <span   idx="16"dcity="2">门票 <i></i></span>
                <span   idx="2"dcity="2">出境游 <i></i></span>
                <span   idx="1"dcity="2">境内游 <i></i></span>
                <span   idx="8"dcity="2">邮轮 <i></i></span>
                <span   idx="998"dcity="2">当地玩乐 <i></i></span>
                <span   idx="17"dcity="2">主题游 <i></i></span>
                <span   dcity="2">高端游 <i></i></span>
            </h2>
            <div    class="xc-pull-right">
                <div    class="xc-dropdown"id="xc-v_departure">
                    <a class="xc-dropdown-toggle" href="">
                        <span   cityid="2">上海</span>
                        出发
                        <span   class="xc-caret"></span>
                    </a>
                    <div class="xc-dropdown-cont" style="display: block">
                        <div    class="xc-city_select">
                            <span class="xc-city-close"style="margin-top: -5px;">X</span>
                            <ul class="xc-tab_box">
                                <li class="xc-hot_selected">
                                    <span   e1_type="xc-shorTab">热门城市</span>
                                </li>
                                <li>
                                    <span   e1_type="xc-shorTab">ABCDE</span>
                                </li>
                                <li>
                                    <span   e1_type="xc-shorTab">FGHJ</span>
                                </li>
                                <li>
                                    <span   e1_type="xc-shorTab">KLMNP</span>
                                </li>
                                <li>
                                    <span   e1_type="xc-shorTab">QRSTW</span>
                                </li>
                                <li>
                                    <span   e1_type="xc-shorTab">XYZ</span>
                                </li>
                            </ul>
                            <div    class="xc-city_item"id="hotDepartCitys">
                                <a title="Beijing" href="">北京</a>
                                <a title="Chengdu" href="">成都</a>
                                <a title=Guangzhou" href="">广州</a>
                                <a title="Hangzhou" href="">杭州</a>
                                <a title="Nanjing" href="">南京</a>
                                <a title="Qingdao" href="">青岛</a>
                                <a title="Shanghai" href="">上海</a>
                                <a title="Shenzhen" href="">深圳</a>
                                <a title="Shenyang" href="">沈阳</a>
                                <a title="Tianjin" href="">天津</a>
                                <a title="Wuhan" href="">武汉</a>
                                <a title="Xiamen" href="">厦门</a>

                            </div>
                            <div    class="xc-city_item active" style="display: none">
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">B</span>
                                    <a href="">北京</a>
                                </div>
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">C</span>
                                </div>
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">D</span>
                                </div>
                            </div>
                            <div    class="xc-city_item"style="display: none">
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">F</span>
                                </div>
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">G</span>
                                </div>
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">H</span>
                                </div>
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">J</span>
                                </div>
                            </div>

                            <div    class="xc-city_item"style="display: none">
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">K</span>
                                </div>
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">L</span>
                                </div>
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">M</span>
                                </div>
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">N</span>
                                </div>

                            </div>
                            <div    class="xc-city_item"style="display: none">
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">Q</span>
                                </div>
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">S</span>
                                </div>
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">T</span>
                                </div>
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">W</span>
                                </div>

                            </div>
                            <div    class="xc-city_item"style="display: none">
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">X</span>
                                </div>
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">Y</span>
                                </div>
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">Z</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div    id="xc-travel-bd">
            <div    class="xc-trave-bd_panel"style="display: block;">
                <div    class="xc-product">
                    <div class="xc-product-hd">
                        <ul    class="xc-inner-tabs-nav">
                            <li class="active">
                                <a href="">境内</a>
                            </li>
                            <li>
                                <a href="">日本</a>
                            </li>
                            <li>
                                <a href="">东南亚</a>
                            </li>
                            <li>
                                <a href="">欧洲</a>
                            </li>
                            <li>
                                <a href="">美洲</a>
                            </li>
                            <li>
                                <a href="">澳中东非</a>
                            </li>
                        </ul>
                    </div>
                    <div class="xc-product-bd">
                        <div    class="xc-inner-tab-panel active">
                            <div    class="xc-inner-tab-scroll-wrap">
                                <div    class="xc-inner-tab-scroll-list">
                                    <a href="/travel/travel.jsp">
                                        <div    class="xc-inner-tab-scroll-list-img">
                                            <img class="xc-img1" src="/static/imgs/sanya.png" alt=""width="220px"height="160px">
                                            <div    class="xc-product-detail1"style="display: none">
                                                <p  class="xc-product-detail-title">三亚</p>
                                                <p class="xc-info">
                                                    <i  class="xc-icon-scenic"></i>
                                                    景点:三亚亚特兰蒂斯水世界、亚龙湾、蜈支洲岛、天涯海角、海棠湾、三亚亚特兰蒂斯度假区、亚龙湾热带天堂森林公园、南山寺、三亚亚特兰蒂斯失落的空间水族馆、三亚湾
                                                </p>

                                                <p  class="xc-link">立即查看3000条产品></p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="/travel/travel.jsp">
                                        <div    class="xc-inner-tab-scroll-list-img"><img class="xc-img2" src="/static/imgs/lijiang.png" alt=""width="220px"height="160px">
                                            <div    class="xc-product-detail2"style="display: none">
                                                <p  class="xc-product-detail-title">丽江</p>
                                                <p class="xc-info">
                                                    <i  class="xc-icon-scenic"></i>
                                                    景点:玉龙雪山、丽江古城、玉龙雪山索道、丽江千古情景区、虎跳峡（丽江段）、拉市海、蓝月谷、丽江玉龙雪山大索道换票中心、拉市海茶马古道、观音峡
                                                </p>
                                                <p  class="xc-link">立即查看3000条产品></p>
                                            </div></div>
                                    </a>
                                    <a href="/travel/travel.jsp">
                                        <div    class="xc-inner-tab-scroll-list-img"><img class="xc-img3" src="/static/imgs/chongqing.png" alt=""width="220px"height="160px">
                                            <div    class="xc-product-detail3"style="display: none">
                                                <p  class="xc-product-detail-title">重庆</p>
                                                <p class="xc-info">
                                                    <i  class="xc-icon-scenic"></i>
                                                    景点:武隆天坑地缝国家地质公园、仙女山国家森林公园、重庆欢乐谷、万盛梦幻奥陶纪主题公园、四面山、金佛山、重庆长江三峡、梦幻奥陶纪景区、武隆天生三桥、大足石刻
                                                </p>
                                                <p  class="xc-link">立即查看3000条产品></p>
                                            </div></div>
                                    </a>
                                    <a href="/travel/travel.jsp">
                                        <div    class="xc-inner-tab-scroll-list-img"><img class="xc-img4" src="/static/imgs/zhangjiajie.png" alt=""width="220px"height="160px">
                                            <div    class="xc-product-detail4"style="display: none">
                                                <p  class="xc-product-detail-title">张家界</p>
                                                <p class="xc-info">
                                                    <i  class="xc-icon-scenic"></i>
                                                    景点:张家界武陵源风景名胜区、张家界大峡谷玻璃桥、天门山国家森林公园、张家界国家森林公园、武陵源、张家界大峡谷、天门山索道、天门山玻璃栈道、黄龙洞、张家界千古情景区
                                                </p>
                                                <p  class="xc-link">立即查看3000条产品></p>
                                            </div></div>
                                    </a>
                                    <a href="/travel/travel.jsp">
                                        <div    class="xc-inner-tab-scroll-list-img"><img class="xc-img5" src="/static/imgs/chengdu.png" alt=""width="220px"height="160px">
                                            <div    class="xc-product-detail5"style="display: none">
                                                <p  class="xc-product-detail-title">成都</p>
                                                <p class="xc-info">
                                                    <i  class="xc-icon-scenic"></i>
                                                    景点:成都大熊猫繁育研究基地、成都欢乐谷、成都天台山、成都海昌极地海洋公园、宽窄巷子、武侯祠、青城后山、杜甫草堂、熊猫谷、平乐古镇
                                                </p>
                                                <p  class="xc-link">立即查看3000条产品></p>
                                            </div></div>
                                    </a>
                                    <a href="/travel/travel.jsp">
                                        <div    class="xc-inner-tab-scroll-list-img"><img class="xc-img6" src="/static/imgs/kunming.png" alt=""width="220px"height="160px">
                                            <div    class="xc-product-detail6"style="display: none">
                                                <p  class="xc-product-detail-title">昆明</p>
                                                <p class="xc-info">
                                                    <i  class="xc-icon-scenic"></i>
                                                    景点:滇池、云南民族村、七彩云南欢乐世界、西山风景名胜区、东川红土地、云南野生动物园、轿子雪山、昆明融创乐园、石林冰雪海洋世界、安宁温泉
                                                </p>
                                                <p  class="xc-link">立即查看3000条产品></p>
                                            </div></div>
                                    </a>
                                    <a href="/travel/travel.jsp">
                                        <div    class="xc-inner-tab-scroll-list-img"><img class="xc-img7" src="/static/imgs/jiuzaigou.png" alt=""width="220px"height="160px">
                                            <div    class="xc-product-detail7"style="display: none">
                                                <p  class="xc-product-detail-title">九寨沟</p>
                                                <p class="xc-info">
                                                    <i  class="xc-icon-scenic"></i>
                                                    景点:长海、九寨沟风景区、甘海子、九寨沟牙扎藏寨、五彩池、神仙池风景区、五花海、熊猫海、九寨灵塔、诺日朗瀑布
                                                </p>
                                                <p  class="xc-link">立即查看3000条产品></p>
                                            </div></div>
                                    </a>
                                    <a href="/travel/travel.jsp">
                                        <div    class="xc-inner-tab-scroll-list-img"><img class="xc-img8" src="/static/imgs/guiyang.png" alt=""width="220px"height="160px">
                                            <div    class="xc-product-detail8"style="display: none">
                                                <p  class="xc-product-detail-title">贵阳</p>
                                                <p class="xc-info">
                                                    <i  class="xc-icon-scenic"></i>
                                                    景点:青岩古镇、苗寨、贵阳欢乐世界、四季贵州极地冒险水世界、天河潭、南江大峡谷、黔灵山公园、息烽温泉、贵州森林野生动物园、花溪夜郎谷
                                                </p>
                                                <p  class="xc-link">立即查看3000条产品></p>
                                            </div></div>
                                    </a>
                                </div>
                            </div>
                            <div    class="xc-extra-item">
                                <a href="">
                                    <p>
                                        <img src="/static/imgs/678.jpg" alt=""height="335">
                                    </p>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--酒店-->
    <div    class="xc-hotel">
        <div    class="xc-hotel-hd">
            <h2 class="xc-hotel-title">
                <span   class="xc-hotel-current">海外酒店</span>
                <span>海外民宿+短租</span>
                <span>国内酒店</span>
                <span>客栈民宿</span>
            </h2>
        </div>
        <div    class="xc-hotel-bd">
            <div    class="xc-hotel-mod-bd-panel hotel-internal"style="display: block;">
                <div    class="xc-hotel-entrance">
                    <dl    class="xc-hotel-keyword-long">
                        <dt>促销</dt>
                        <dd>
                            <a href="http://hotels.ctrip.com/events/2018xinjiapoy1pc#ctm_ref=ssc_hp_htl_sni_txt_2"><span   class="xc-hotel-entrance-item"title="睡遍全世界—新加坡国家馆">睡遍全世界—新加坡国家馆</span></a>
                        </dd>
                        <dd>
                            <span   class="xc-hotel-entrance-item"title="睡遍全世界—日本国家馆">睡遍全世界—日本国家馆</span>
                        </dd>
                        <dd>
                            <span   class="xc-hotel-entrance-item"title="睡遍全世界—澳大利亚站">睡遍全世界—澳大利亚站</span>
                        </dd>
                        <dd>
                            <span   class="xc-hotel-entrance-item"title="睡遍全世界—马来西亚国家馆">睡遍全世界—马来西亚国家馆</span>
                        </dd>
                        <dd>
                            <span   class="xc-hotel-entrance-item"title="睡遍全世界—泰国国家馆">睡遍全世界—泰国国家馆</span>
                        </dd>
                    </dl>
                    <dl   class="xc-hotel-keyword-long">
                        <dt>发现酒店</dt>
                        <dd>
                            <span   class="xc-hotel-entrance-item"title="流行与复古结合的热门人气地——首尔仁寺洞钟路">流行与复古结合的热门人气地——首尔仁寺洞钟路</span>
                        </dd>
                        <dd>
                            <span   class="xc-hotel-entrance-item"title="特别的旅行，美味的餐食，绝美的夜景，这次冬季旅行就去釜山吧">特别的旅行，美味的餐食，绝美的夜景，这次冬季旅行就去釜山吧</span>
                        </dd>
                        <dd>
                            <span   class="xc-hotel-entrance-item"title="孟加拉国吉大港酒店推荐">孟加拉国吉大港酒店推荐</span>
                        </dd>
                        <dd>
                            <span   class="xc-hotel-entrance-item"title="最受国人欢迎的伦敦酒店">最受国人欢迎的伦敦酒店</span>
                        </dd>
                        <dd>
                            <span   class="xc-hotel-entrance-item"title="日本北海道洞爷湖酒店推荐">日本北海道洞爷湖酒店推荐</span>
                        </dd>
                    </dl>
                </div>
                <div    class="xc-hotel-product">
                    <div    class="xc-hotel-product-hd">
                        <ul class="xc-hotel-product-inner-tabs-nav"></ul>
                        <a class="xc-hotel-product-linked-more" href="">更多海外酒店</a>
                    </div>
                    <div    class="xc-hotel-product-bd">
                        <div    class="xc-hotel-product-inner-tab-panel active">
                            <a href="/hotel/hotelIndex.jsp">
                                <div    class="xc-hotel-product-product-item product-item_complex"title="新加坡">
                                    <div>
                                        <img src="/static/imgs/xjpjpg.jpg" alt="">
                                    </div>
                                </div>
                            </a>
                            <a href="/hotel/hotelIndex.jsp">
                                <div    class="xc-hotel-product-product-item product-item_complex"title="曼谷">
                                    <div>
                                        <img src="/static/imgs/mg.jpg" alt="">
                                    </div>
                                </div>
                            </a>
                            <a href="/hotel/hotelIndex.jsp">
                                <div    class="xc-hotel-product-product-item product-item_complex"title="东京 ">
                                    <div>
                                        <img src="/static/imgs/dj.jpg" alt="">
                                    </div>
                                </div>
                            </a>
                            <a href="/hotel/hotelIndex.jsp">
                                <div    class="xc-hotel-product-product-item product-item_complex"title="吉隆坡">
                                    <div>
                                        <img src="/static/imgs/jlp.jpg" alt="">
                                    </div>
                                </div>
                            </a>
                            <a href="/hotel/hotelIndex.jsp">
                                <div    class="xc-hotel-product-product-item product-item_complex"title="大阪">
                                    <div>
                                        <img src="/static/imgs/db.jpg" alt="">
                                    </div>
                                </div>
                            </a>
                            <a href="/hotel/hotelIndex.jsp">
                                <div    class="xc-hotel-product-product-item product-item_complex"title="普吉岛">
                                    <div>
                                        <img src="/static/imgs/pjd.jpg" alt="">
                                    </div>
                                </div>
                            </a>
                            <a href="/hotel/hotelIndex.jsp">
                                <div    class="xc-hotel-product-extra-item"title="泰国免落地签证费啦！">
                                    <div>
                                        <img src="/static/imgs/tg.jpg" alt="">
                                    </div>
                                </div>
                            </a>
                        </div>



                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--    机票-->
    <div    class="xc-tickets">
        <div    class="xc-tickets-hd">
            <h2 class="xc-tickets-title">
                <span   class="xc-current">国际•港澳台特价机票</span>
                <span   id="xc-domestic"dcity="SHA">国内特价机票</span>
            </h2>
            <div    class="xc-tickets-pull-right">
                <div    class="xc-dropdown">
                    <a class="xc-dropdown-toggle" href="">
                        <span   cityid="2">上海</span>
                        出发
                        <span   class="xc-caret"></span>
                    </a>
                    <div class="xc-dropdown-cont" style="display: block">
                        <div    class="xc-city_select">
                            <span class="xc-city-close"style="margin-top: -5px;">X</span>
                            <ul class="xc-tab_box">
                                <li class="xc-hot_selected">
                                    <span   e1_type="xc-shorTab">热门城市</span>
                                </li>
                                <li>
                                    <span   e1_type="xc-shorTab">ABCDE</span>
                                </li>
                                <li>
                                    <span   e1_type="xc-shorTab">FGHJ</span>
                                </li>
                                <li>
                                    <span   e1_type="xc-shorTab">KLMNP</span>
                                </li>
                                <li>
                                    <span   e1_type="xc-shorTab">QRSTW</span>
                                </li>
                                <li>
                                    <span   e1_type="xc-shorTab">XYZ</span>
                                </li>
                            </ul>
                            <div    class="xc-city_item">
                                <a title="Beijing" href="">北京</a>
                                <a title="Chengdu" href="">成都</a>
                                <a title=Guangzhou" href="">广州</a>
                                <a title="Hangzhou" href="">杭州</a>
                                <a title="Nanjing" href="">南京</a>
                                <a title="Qingdao" href="">青岛</a>
                                <a title="Shanghai" href="">上海</a>
                                <a title="Shenzhen" href="">深圳</a>
                                <a title="Shenyang" href="">沈阳</a>
                                <a title="Tianjin" href="">天津</a>
                                <a title="Wuhan" href="">武汉</a>
                                <a title="Xiamen" href="">厦门</a>

                            </div>
                            <div    class="xc-city_item active" style="display: none">
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">B</span>
                                    <a href="">北京</a>
                                </div>
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">C</span>
                                </div>
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">D</span>
                                </div>
                            </div>
                            <div    class="xc-city_item"style="display: none">
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">F</span>
                                </div>

                               <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">G</span>
                                </div>
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">H</span>
                                </div>
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">J</span>
                                </div>
                            </div>

                            <div    class="xc-city_item"style="display: none">
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">K</span>
                                </div>
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">L</span>
                                </div>
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">M</span>
                                </div>
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">N</span>
                                </div>

                            </div>
                            <div    class="xc-city_item"style="display: none">
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">Q</span>
                                </div>
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">S</span>
                                </div>
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">T</span>
                                </div>
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">W</span>
                                </div>

                            </div>
                            <div    class="xc-city_item"style="display: none">
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">X</span>
                                </div>
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">Y</span>
                                </div>
                                <div    class="xc-city_item_in">
                                    <span class="xc-city_item_letter">Z</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <div    class="xc-tickets-bd">
            <div    class="xc-mod-bd-panel mod-bd-panel_flightC">
                <div    class="xc-product">
                    <div    class="xc-product-hd">
                        <ul class="xc-product-hd-inner-tabs-nav">
                            <li class="xc-active">
                                <a href="">热门往返</a>
                            </li>
                            <li>
                                <a href="">亚洲</a>
                            </li>
                            <li>
                                <a href="">欧洲</a>
                            </li>
                            <li>
                                <a href="">美洲</a>
                            </li>
                            <li>
                                <a href="">非洲</a>
                            </li>

                        </ul>
                    </div>
                    <div    class="xc-product-bd">
                        <div    class="xc-inner-tab-panel active">
                            <div    class="xc-product-item">
                                <a href="/tickets/BuyingTickets.jsp">
                                    <p  class="xc-item-name">
                                        上海
                                        <i  class="iconfont icon-wangfan"></i>
                                        香港
                                    </p>
                                    <p  class="xc-item-info">
                                        <span   class="date">8月05日 - 8月12日</span>
                                    </p>
                                    <p  class="xc-item-info">
                                    <span>
                                        <dfn>¥900</dfn>

                                        <i  class="xc-price_info">起</i>
                                    </span>
                                        <a href="/tickets/BuyingTickets.jsp">
                                            <span   class="xc-button  button-yellow">立抢</span>
                                        </a>

                                    </p>
                                </a>
                            </div>
                            <div    class="xc-product-item">
                                <a href="/tickets/BuyingTickets.jsp">
                                    <p  class="xc-item-name">
                                        上海
                                        <i  class="iconfont icon-wangfan"></i>
                                        香港
                                    </p>
                                    <p  class="xc-item-info">
                                        <span   class="date">8月05日 - 8月12日</span>
                                    </p>
                                    <p  class="xc-item-info">
                                    <span>
                                        <dfn>¥900</dfn>

                                        <i  class="xc-price_info">起</i>
                                    </span>
                                        <a href="/tickets/BuyingTickets.jsp">
                                            <span   class="xc-button  button-yellow">立抢</span>
                                        </a>
                                    </p>
                                </a>
                            </div>
                            <div    class="xc-product-item">
                                <a href="/tickets/BuyingTickets.jsp">
                                    <p  class="xc-item-name">
                                        上海
                                        <i  class="iconfont icon-wangfan"></i>
                                        香港
                                    </p>
                                    <p  class="xc-item-info">
                                        <span   class="date">8月05日 - 8月12日</span>
                                    </p>
                                    <p  class="xc-item-info">
                                    <span>
                                        <dfn>¥900</dfn>

                                        <i  class="xc-price_info">起</i>
                                    </span>
                                        <a href="/tickets/BuyingTickets.jsp">
                                            <span   class="xc-button  button-yellow">立抢</span>
                                        </a>
                                    </p>
                                </a>
                            </div>
                            <div    class="xc-product-item">
                                <a href="/tickets/BuyingTickets.jsp">
                                    <p  class="xc-item-name">
                                        上海
                                        <i  class="iconfont icon-wangfan"></i>
                                        香港
                                    </p>
                                    <p  class="xc-item-info">
                                        <span   class="date">8月05日 - 8月12日</span>
                                    </p>
                                    <p  class="xc-item-info">
                                    <span>
                                        <dfn>¥900</dfn>

                                        <i  class="xc-price_info">起</i>
                                    </span>
                                        <a href="/tickets/BuyingTickets.jsp">
                                            <span   class="xc-button  button-yellow">立抢</span>
                                        </a>
                                    </p>
                                </a>
                            </div>
                            <div    class="xc-product-item">
                                <a href="/tickets/BuyingTickets.jsp">
                                    <p  class="xc-item-name">
                                        上海
                                        <i  class="iconfont icon-wangfan"></i>
                                        香港
                                    </p>
                                    <p  class="xc-item-info">
                                        <span   class="date">8月05日 - 8月12日</span>
                                    </p>
                                    <p  class="xc-item-info">
                                    <span>
                                        <dfn>¥900</dfn>

                                        <i  class="xc-price_info">起</i>
                                    </span>
                                        <a href="/tickets/BuyingTickets.jsp">
                                            <span   class="xc-button  button-yellow">立抢</span>
                                        </a>
                                    </p>
                                </a>
                            </div>
                            <div    class="xc-product-item">
                                <a href="/tickets/BuyingTickets.jsp">
                                    <p  class="xc-item-name">
                                        上海
                                        <i  class="iconfont icon-wangfan"></i>
                                        香港
                                    </p>
                                    <p  class="xc-item-info">
                                        <span   class="date">8月05日 - 8月12日</span>
                                    </p>
                                    <p  class="xc-item-info">
                                    <span>
                                         <dfn>¥900</dfn>

                                        <i  class="xc-price_info">起</i>
                                    </span>
                                        <a href="/tickets/BuyingTickets.jsp">
                                            <span   class="xc-button  button-yellow">立抢</span>
                                        </a>
                                    </p>
                                </a>
                            </div>
                            <div    class="xc-product-item">
                                <a href="/tickets/BuyingTickets.jsp">
                                    <p  class="xc-item-name">
                                        上海
                                        <i  class="iconfont icon-wangfan"></i>
                                        香港
                                    </p>
                                    <p  class="xc-item-info">
                                        <span   class="date">8月05日 - 8月12日</span>
                                    </p>
                                    <p  class="xc-item-info">
                                    <span>
                                         <dfn>¥900</dfn>

                                        <i  class="xc-price_info">起</i>
                                    </span>
                                        <a href="/tickets/BuyingTickets.jsp">
                                            <span   class="xc-button  button-yellow">立抢</span>
                                        </a>
                                    </p>
                                </a>
                            </div>
                            <div    class="xc-product-item">
                                <a href="/tickets/BuyingTickets.jsp">
                                    <p  class="xc-item-name">
                                        上海
                                        <i  class="iconfont icon-wangfan"></i>
                                        香港
                                    </p>
                                    <p  class="xc-item-info">
                                        <span   class="date">8月05日 - 8月12日</span>
                                    </p>
                                    <p  class="xc-item-info">
                                    <span>
                                        <dfn>¥900</dfn>

                                        <i  class="xc-price_info">起</i>
                                    </span>
                                        <a href="/tickets/BuyingTickets.jsp">
                                            <span   class="xc-button  button-yellow">立抢</span>
                                        </a>
                                    </p>
                                </a>
                            </div>
                            <div    class="xc-product-item">
                                <a href="/tickets/BuyingTickets.jsp">
                                    <p  class="xc-item-name">
                                        上海
                                        <i  class="iconfont icon-wangfan"></i>
                                        香港
                                    </p>
                                    <p  class="xc-item-info">
                                        <span   class="date">8月05日 - 8月12日</span>
                                    </p>
                                    <p  class="xc-item-info">
                                    <span>
                                         <dfn>¥900</dfn>

                                        <i  class="xc-price_info">起</i>
                                    </span>
                                        <a href="/tickets/BuyingTickets.jsp">
                                            <span   class="xc-button  button-yellow">立抢</span>
                                        </a>
                                    </p>
                                </a>
                            </div>
                            <div    class="xc-product-item">
                                <a href="/tickets/BuyingTickets.jsp">
                                    <p  class="xc-item-name">
                                        上海
                                        <i  class="iconfont icon-wangfan"></i>
                                        香港
                                    </p>
                                    <p  class="xc-item-info">
                                        <span   class="date">8月05日 - 8月12日</span>
                                    </p>
                                    <p  class="xc-item-info">
                                    <span>
                                        <dfn>¥900</dfn>

                                        <i  class="xc-price_info">起</i>
                                    </span>
                                        <a href="/tickets/BuyingTickets.jsp">
                                            <span   class="xc-button  button-yellow">立抢</span>
                                        </a>
                                    </p>
                                </a>
                            </div>
                            <div    class="xc-product-item">
                                <a href="/tickets/BuyingTickets.jsp">
                                    <p  class="xc-item-name">
                                        上海
                                        <i  class="iconfont icon-wangfan"></i>
                                        香港
                                    </p>
                                    <p  class="xc-item-info">
                                        <span   class="date">8月05日 - 8月12日</span>
                                    </p>
                                    <p  class="xc-item-info">
                                    <span>
                                        <dfn>¥900</dfn>

                                        <i  class="xc-price_info">起</i>
                                    </span>
                                        <a href="/tickets/BuyingTickets.jsp">
                                            <span   class="xc-button  button-yellow">立抢</span>
                                        </a>
                                    </p>
                                </a>
                            </div>
                            <div    class="xc-product-item">
                                <a href="/tickets/BuyingTickets.jsp">
                                    <p  class="xc-item-name">
                                        上海
                                        <i  class="iconfont icon-wangfan"></i>
                                        香港
                                    </p>
                                    <p  class="xc-item-info">
                                        <span   class="date">8月05日 - 8月12日</span>
                                    </p>
                                    <p  class="xc-item-info">
                                    <span>
                                        <dfn>¥900</dfn>

                                        <i  class="xc-price_info">起</i>
                                    </span>
                                        <a href="/tickets/BuyingTickets.jsp">
                                            <span   class="xc-button  button-yellow">立抢</span>
                                        </a>
                                    </p>
                                </a>
                            </div>
                            <div    class="xc-product-item">
                                <a href="/tickets/BuyingTickets.jsp">
                                    <p  class="xc-item-name">
                                        上海
                                        <i  class="iconfont icon-wangfan"></i>
                                        香港
                                    </p>
                                    <p  class="xc-item-info">
                                        <span   class="date">8月05日 - 8月12日</span>
                                    </p>
                                    <p  class="xc-item-info">
                                    <span>
                                       <dfn>¥900</dfn>

                                        <i  class="xc-price_info">起</i>
                                    </span>
                                        <a href="/tickets/BuyingTickets.jsp">
                                            <span   class="xc-button  button-yellow">立抢</span>
                                        </a>
                                    </p>
                                </a>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--导入jQuery库-->

    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/js/Index.js"></script>
</div>
<!---->
<div    id="xc-footer">
    <footer>
        <div><img src="/static/imgs/footer.jpg" alt=""></div>

    </footer>
</div>
</body>
</html>
